<script setup>
const props = defineProps({
  label: String,
  value: String
})
</script>

<template>
  <view class="thermometer-container">
    <view class="thermometer-value">{{ props.value }}°C</view>
    <view class="thermometer-label">{{ props.label }}</view>
  </view>
</template>

<style scoped lang="scss">
.thermometer-container {
  text-align: center;
}
.thermometer-value {
  color: $kaoyan-color-10;
  text-align: center;
  font-size: 36rpx;
  font-style: normal;
  font-weight: 400;
  line-height: 50rpx;
}
.thermometer-label {
  color: $kaoyan-color-9;
  text-align: center;
  font-size: 32rpx;
  font-style: normal;
  font-weight: 600;
  line-height: 44rpx;
}
</style>
